<template>
	<view class="logo">
		<image @click="leftClick" class="left" src="../../static/nav_icon_my@2x.png" mode="widthFix"></image>
		<image class="center" src="../../static/nav_icon_logo@3x.png" mode="widthFix"></image>
		<image @click="rightClick" class="right" src="../../static/nav_icon_more@2x.png" mode="widthFix"></image>
	</view>
</template>

<script>
	export default {
		// data() {
		// 	retrun {}
		// },
		methods: {
			leftClick() {
				this.$emit("toPersonal")
			},
			rightClick() {
				this.$emit("showPopup")
			}
		}
	}
</script>

<style>
	.logo {
		width: 100%;
		height: 140rpx;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 10rpx solid #bbb
	}

	.logo .center {
		width: 400rpx;
	}

	.logo .left {
		width: 42rpx;
		margin-left: 40rpx;
		height: 42rpx;
	}

	.logo .right {
		width: 42rpx;
		height: 42rpx;
		margin-right: 40rpx;
	}
</style>
